<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--form表单：客户端浏览器用来向服务器端进行信息提交的标签
			写在form表单的标签的值才会被提交给服务器
			action--指定的是服务器端的哪个程序（类-方法）进行响应
			method--使用哪种方式进行数据从客户端发送到服务器。
			  选项：get -- 将客户端信息附加在访问连接url的尾端进行发送信息；
			            缺点：需要附加在url之后，可能会以明文的形式显示，信息不安全；
			            长度会受到限制（不能大于255个字符）
			           汉字容易乱码（字节流方式传输）
			      post-- 将客户端数据信息以数据包的形式发送到服务器端；
			           不存在上述问题。
		-->
		<div align="center">
		<form action="#" method="get">
			<table border="1" cellpadding="0" cellspacing="0" bordercolor="red" style="width: 80%; align-self: center;">
				<tbody>
				<tr>
					<td>姓名</td><td><input disabled="disabled" type="text" id="txtName" name="txtName" /></td>
				</tr>
				<tr>
					<td>登录密码</td>
					<td><input readonly="readonly" type="password" name="txtPaw" id="txtPaw" /></td>
				</tr>
				<tr>
					<td>性别</td>
					<!--radio类型的输入框，需要name属性值一样，才具有互斥选择性-->
					<td><input type="radio" id="radSex" name="radSex" checked="checked" />女
					<input type="radio" id="radSex2" name="radSex" />男
					<input type="radio" id="radSex3" name="radSex" />未知</td>
				</tr>
				<tr>
					<td>个人简历</td>
					<td><input type="file" name="fileResume" id="fileResume" /></td>
				</tr>
				<tr>
					<td>兴趣爱好</td>
					<!--checkbox多选框；需要name属性保持一致；服务器是使用数组对一组checkbox控件的值进行接收的-->
					<td><input type="checkbox" name="chHobby1" id="chHobby" checked />游泳
					<input type="checkbox" name="chHobby2" id="chHobby" />爬山
					<input type="checkbox" name="chHobby3" id="chHobby" />dota
					<input type="checkbox" name="chHobby4" id="chHobby" />coding
					<input type="checkbox" name="chHobby5" id="chHobby" />testing</td>
				</tr>
				<tr>
					<td>隐藏控件</td>
					<td><input type="hidden" name="txthidden" id="txthidden" value="520" /></td>
				</tr>
				<tr>
					<td>学历</td>
					<td><select id="selectXL" name="selectXL" style="width: 120px;">
						<option value=""></option>
						<option value="BK" selected="selected">本科</option>
						<option value="DZ">大专</option>
						<option value="SS">硕士</option>
						<option value="BS">博士</option>
					</select></td>
				</tr>
				<tr>
					<td>自我介绍</td>
					<td><textarea id="txtIntroduce" name="txtIntroduce" style="width: 200px; height: 60px;"></textarea></td>
				</tr>
				<tr>
					<td><input type="submit" id="btnSubmit" value="提交" /></td>
					<td><input type="reset" id="btnSubmit" value="重置" /></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
				</tr>
</tbody>
</table>
			
			
		</form>
		</div>
	</body>
</html>
